<template>
    <div id="chart-container" style="width:600px;height:300px"></div>

</template>

<script>
import echarts from 'echarts'
export default {
  mounted() {
    this.initChart()
  },
  data(){
    return{
        option:{},
        waterLevel:''
    }
  },
  methods: {
    // 编译icon图标
    iconProcess(icon){
      // icon =  // 转译
      return'data:image/svg+xml;utf8,' + encodeURIComponent(icon) // 添加url前缀
    },
    async initChart() {
      // 创建一个图表实例
      this.waterLevel = echarts.init(document.getElementById('chart-container'))
      // 数据准备
      let times = ['2023-03-23 19:10', '2023-03-23 19:15', '2023-03-23 19:40', '2023-03-23 20:00', '2023-03-23 20:40', '2023-03-23 21:00', '2023-03-23 21:05', '2023-03-23 21:15', '2023-03-23 21:30', '2023-03-23 22:00', '2023-03-23 23:00', '2023-03-23 23:20', '2023-03-24 18:05', '2023-03-24 18:40', '2023-03-24 19:00', '2023-03-24 19:10', '2023-03-24 19:40', '2023-03-24 20:00', '2023-03-24 20:20', '2023-03-24 21:00', '2023-03-24 21:10', '2023-03-24 22:00', '2023-03-24 22:15', '2023-03-24 23:00', '2023-03-24 23:05', '2023-03-24 23:45', '2023-03-24 23:55', '2023-03-25 00:45']
      let sws = [104.02, 104.03, 104.02, 104.02, 104.01, 104.01, 104, 104, 103.99, 103.99, 103.99, 104, 104.15, 104.14, 104.14, 104.13, 104.12, 104.12, 104.11, 104.11, 104.1, 104.09, 104.08, 104.08, 104.07, 104.07, 104.06, 104.05]
      let lls = [14.5, 14.9, 14.5, 14.5, 14.1, 14.1, 13.7, 13.7, 13.3, 13.3, 13.3, 13.7, 21.2, 20.5, 20.5, 19.8, 19.1, 19.1, 18.4, 18.4, 17.7, 17.3, 16.9, 16.9, 16.5, 16.5, 16.1, 15.7]
      let yblls = []
      let YMin = 68.72
      let yMax = 108.95
      let dkel = 76.393
      let wrz = 71.92
      let grz = 73.12
      let objMax = 105.75
      let objMin = 71.92

      this.option = {
        backgroundColor:'#032a49',
          title: [{
            left: "center",
            subtextStyle: {
              align: "right",
              fontSize: 16,
              color: "#DDECFF"
            },
            subtext: "水位流量过程"
          }],
          tooltip: {
            trigger: "axis",
            orient: "vertical",
            right: 20,
            top: 20,
            formatter: function(params) {
              var relVal = params[0].name;
              for (var i = 0, l = params.length; i < l; i++) {
                var dwText = "";
                if (params[i].seriesName == "水位") {
                  dwText = "(m)";
                }
                if (params[i].seriesName == "流量") {
                  dwText = "(m³/s)";
                }
                relVal +=
                  "<br/>" +
                  params[i].marker +
                  params[i].seriesName +
                  " : " +
                  (params[i].value != undefined && params[i].value != null ?
                    params[i].value :
                    "--") +
                  dwText;
              }
              return relVal;
            }
          },
          legend: {
            // orient:'vertical',
            data: [
           {
                name: "堤顶高程",
                icon:'image://' + this.iconProcess('<svg t="1689669871206" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3687" width="16" height="16"><path d="M515.83 182.52h0.62c159.3 0 295.64 83.71 323.44 198.59a38.79 38.79 0 0 1-37.7 47.89H230.1a38.8 38.8 0 0 1-37.71-47.92c27.81-114.85 164.15-198.56 323.44-198.56z" fill="#FCAE3F" p-id="3688"></path><path d="M192.28 429.56m59.1 0l530.28 0q59.1 0 59.1 59.1l0 0q0 59.1-59.1 59.1l-530.28 0q-59.1 0-59.1-59.1l0 0q0-59.1 59.1-59.1Z" fill="#FC6257" p-id="3689"></path><path d="M232.92 634h567.2a40.64 40.64 0 0 1 40.64 40.64v45.2a102.64 102.64 0 0 1-102.63 102.64H292.86a100.57 100.57 0 0 1-100.58-100.57v-47.26A40.64 40.64 0 0 1 232.92 634z" fill="#FCAE3F" p-id="3690"></path><path d="M793.17 547.76H229.88a42.59 42.59 0 0 0-42.6 42.59 42.59 42.59 0 0 0 42.6 42.59h85.24a27.93 27.93 0 0 1 23.29 12.52l33.77 51.07a39.82 39.82 0 0 0 53 12.57l126.22-72.45a27.94 27.94 0 0 1 13.91-3.71h227.86a42.59 42.59 0 0 0 42.59-42.59 42.59 42.59 0 0 0-42.59-42.59z" fill="#FEEC71" p-id="3691"></path><path d="M402 249.16s10.07-13.33 24.84-3.1c0 0 14.6 9.2 13.31 18.55 0 0-2.44 12.71-25.23 4.9-0.04 0-18.15-8.34-12.92-20.35zM466.63 348.43s-14.91-7.53-7.49-23.89c0 0 6.44-16 15.87-16.41 0 0 12.94 0.12 9.33 23.94 0 0-4.96 19.31-17.71 16.36zM569.08 305.15s-16.55 2.22-19.68-15.47c0 0-3.73-16.86 3.82-22.51 0 0 10.75-7.21 21.23 14.48 0 0 6.82 18.74-5.37 23.5zM726.65 333.46s-15.93 5.05-22.06-11.84c0 0-6.58-16-0.12-22.83 0 0 9.34-9 23.41 10.6 0 0 9.95 17.28-1.23 24.07zM646.53 259.74s-12.56 11-24.95-2c0 0-12.44-12-9.27-20.86 0 0 5-11.95 25.69 0.32 0 0 16.05 11.8 8.53 22.54zM312.94 330.85s-9.42-13.79 5-24.53c0 0 13.38-10.91 21.82-6.7 0 0 11.28 6.35-3.39 25.47-0.02 0-13.69 14.51-23.43 5.76z" fill="#FFF4E6" p-id="3692"></path><path d="M245.57 381.05c26.24-108.4 149.12-189 296.75-197.79q-13.23-0.78-26.69-0.8H515c-159.3 0-295.64 83.71-323.44 198.59A38.8 38.8 0 0 0 229.27 429h54a38.8 38.8 0 0 1-37.7-47.95z" fill="#EF9529" p-id="3693"></path><path d="M237.38 488.6a59.1 59.1 0 0 1 59.1-59.1h-46a59.1 59.1 0 0 0-59.1 59.1 59.1 59.1 0 0 0 59.1 59.1h46a59.1 59.1 0 0 1-59.1-59.1z" fill="#F44642" p-id="3694"></path><path d="M227.8 591.73a42.59 42.59 0 0 1 42.59-42.59h-41a42.6 42.6 0 0 0 0 85.19h41a42.59 42.59 0 0 1-42.59-42.6z" fill="#FFDB45" p-id="3695"></path><path d="M241.82 722.15v-47.26a40.64 40.64 0 0 1 40.64-40.64h-50a40.64 40.64 0 0 0-40.64 40.64v47.26A100.58 100.58 0 0 0 292.4 822.72h50a100.58 100.58 0 0 1-100.58-100.57z" fill="#EF9529" p-id="3696"></path></svg>'),
              },
              {
                name: "保证水位",
                icon:'image://' + this.iconProcess('<svg t="1689670041680" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8454" width="16" height="16"><path d="M 529.7 160.9 c -5.7 -0.2 -11.7 -0.3 -17.8 -0.3 c -27.5 0 -51 3.2 -70.5 9.5 c -27.3 9.2 -39.9 21.4 -37.7 36.6 v 1.4 l -9 64.2 c -60.5 8.6 -114.7 24.2 -162.8 46.9 c -79.5 37.6 -120.1 83.1 -122.1 136.7 v 11.5 c 0 19.4 1.8 38.1 5.5 56.4 c -13.9 10.1 -23.2 22.7 -28.2 37.7 c -5.7 18 -3.5 34.2 6.6 48.4 c 9.6 13.8 24.3 21.5 44.1 23.3 c 8.2 0.7 16.2 0.3 24.1 -1.2 c 5.8 8 12 16.2 18.7 24.2 c 0.8 1.5 1.8 3 3.2 4.3 c 0.7 0.7 1.6 1.4 2.6 2 c 12.4 14 26.5 27.4 42 40.3 c 29.8 24.6 61.8 44.4 96.4 59.6 l -37.7 98.4 c -2.1 2.5 -3.3 5.5 -3.4 8.9 v 2.9 c -1.6 30.7 22.4 56.3 71.9 76.8 c 43.1 18.1 95.3 27.1 156.3 27.1 s 113.1 -9 156.2 -27.1 c 49.5 -20.5 73.4 -46.1 71.7 -76.8 v -2.9 c -0.2 -3.4 -1.2 -6.4 -3.2 -8.9 l -37.7 -98.4 c 34.3 -15.2 66.4 -35 96.2 -59.6 c 26.6 -22.1 48.8 -45.8 66.4 -71.1 c 8.1 1.7 16.3 2.2 24.7 1.5 c 19.6 -1.8 34.3 -9.5 44.1 -23.3 c 10.2 -14.2 12.3 -30.4 6.3 -48.4 c -4.7 -15 -14.2 -27.6 -28.5 -37.7 c 3.7 -18.4 5.6 -37.3 5.8 -56.7 v -11.2 c -1.9 -53.6 -42.6 -99.1 -122 -136.7 c -48.2 -22.7 -102.4 -38.3 -162.9 -46.9 l -8.9 -65.9 c 1.1 -10.7 -5.5 -20.2 -19.9 -28.5 c -4.8 -2.7 -10.8 -5.3 -18.1 -7.8 c -15 -4.9 -32.5 -8.1 -52.4 -9.2 Z m -17.8 30.8 c 5.5 0 10.9 0.1 16.1 0.3 c 16.9 0.9 31.6 3.5 44.3 7.8 c 4.9 1.5 9.1 3.2 12.3 5.1 c 1.8 1 3.1 1.6 4.1 1.8 c -2.1 1.5 -7.5 3.7 -16.1 6.6 h -0.3 c -0.7 0.2 -1.4 0.5 -2.1 0.7 c -6.3 1.9 -13.1 3.5 -20.3 4.8 c -11.6 1.9 -24.2 2.9 -38 2.9 c -20.9 0 -38.9 -2.2 -54.2 -6.4 c -2.3 -0.6 -4.5 -1.3 -6.5 -2 c -8.7 -2.9 -14 -5.2 -16.2 -6.9 c 2 -1.6 7.3 -3.7 16.2 -6.6 c 16.6 -5.4 36.8 -8.1 60.7 -8.1 Z m -81.2 47.2 c 3.3 1.4 6.8 2.7 10.7 4 c 19.5 6.5 43 9.8 70.5 9.8 c 15.5 0 29.8 -1 42.8 -3.2 h 0.3 c 9.8 -1.7 18.8 -3.9 27.1 -6.6 c 4 -1.3 7.6 -2.6 10.9 -4 l 2.4 17 l 4.2 31.4 c 0 0.7 0.1 1.4 0.3 2 l 25.3 184.1 v 1.8 l 0.3 2 c -2.1 4.8 -11.1 9.8 -27 15 c -24 7.8 -52.9 11.7 -86.6 11.7 c -33.8 0 -62.7 -3.9 -86.7 -11.7 c -9.7 -3.2 -16.8 -6.3 -21.4 -9.3 c -2.9 -2 -4.8 -3.9 -5.6 -5.7 v -1.8 c 0.2 -0.7 0.3 -1.4 0.3 -2 l 25.3 -184.1 c 0.2 -0.6 0.2 -1.3 0.2 -2 l 6.7 -48.4 Z m -40.3 65.4 l -2.3 17.2 l -4.9 35.9 c -44.3 8.1 -84.6 20.8 -120.8 38 c -67.6 31.9 -102.9 70.4 -106 115.5 c -4.2 -6.4 -7.5 -12.8 -10 -19.4 c -3.4 -8.7 -5.1 -17.7 -5.5 -27 v -6.6 c 3.6 -42.6 38.4 -79.5 104.1 -110.5 c 43.2 -20.4 91.7 -34.7 145.4 -43.1 Z m -9.7 70.6 l -2.2 16.2 l -10.8 78.3 c -0.6 2.5 -0.9 5 -0.9 7.5 v 0.9 c -0.5 6 0.9 11.7 4.4 16.9 c 6.8 10.7 21.5 19.7 44.3 27.1 c 26.6 8.9 58.7 13.2 96.4 13.2 c 37.6 0 69.7 -4.3 96.3 -13.2 c 34 -11.1 50.3 -25.8 48.7 -44 v -1.2 c -0.2 -2.5 -0.6 -4.9 -1.2 -7.2 l -12.9 -95.8 c 40.8 7.8 78.1 19.7 111.7 35.7 c 58.1 27.6 90.3 60.1 96.5 97.4 c 0.6 4 1 7.9 1 12 c 0 3.8 -0.3 7.6 -0.9 11.5 c -2 2 -4.2 4.2 -6.5 6.2 c -17 14.6 -38.9 28.4 -66 41.3 c -73.6 34.7 -162.6 52 -266.7 52 c -104.2 0 -193.2 -17.3 -266.9 -52 c -27 -12.9 -49 -26.7 -65.8 -41.3 c -1.1 -0.9 -2.1 -1.9 -3.1 -2.8 c -1.2 -1.2 -2.4 -2.3 -3.6 -3.4 c -0.5 -3.9 -0.8 -7.7 -0.8 -11.5 c 0.4 -29.8 16.6 -56.7 48.5 -80.6 c 13.5 -10.2 29.8 -19.8 49.1 -28.8 c 33.5 -16 70.7 -27.9 111.6 -35.7 l -0.2 1.3 Z m 262 -17.1 c -0.7 -0.1 -1.5 -0.2 -2.2 -0.4 l -7.2 -53.1 c 53.7 8.4 102.2 22.7 145.3 43.1 c 62.2 29.4 96.6 63.9 103.4 103.5 c 0.3 2.3 0.6 4.4 0.8 6.7 v 6.9 c -0.6 15.6 -5.3 30.4 -14.2 44.4 c -0.5 0.6 -0.9 1.3 -1.4 2 c -0.2 -3.3 -0.6 -6.5 -1.1 -9.7 c -7.1 -40.9 -42.2 -76.2 -105 -105.8 c -35.7 -16.9 -75.1 -29.5 -118.4 -37.6 Z M 106.9 568.2 c 2.7 -8.3 7.3 -15.6 13.9 -22 c 6.6 23.3 16.3 45.5 28.7 66.5 c -3.2 0.2 -6.6 0.2 -10.1 0 c -12.8 -1.1 -22.5 -6.1 -29 -15 c -6 -8.6 -7.1 -18.5 -3.5 -29.8 v 0.3 Z m 51 -9.3 c 0.4 0.4 0.6 0.7 0.9 0.9 c 18.6 16.5 42.9 31.9 73.1 46.1 c 77.3 36.6 170.6 54.9 280 54.9 c 109.3 0 202.7 -18.3 280 -54.9 c 30.1 -14.2 54.5 -29.6 73.1 -46.1 c 0.1 -0.4 0.5 -0.7 0.9 -0.9 c -4.4 10.8 -9.4 21.5 -15.1 31.8 c -2.2 4 -4.5 7.8 -6.8 11.7 c -1.8 -1.2 -3.5 -2.4 -5.3 -3.5 c -2.3 -1.7 -4.7 -2.2 -7.4 -1.7 c -2.9 0.3 -5.2 1.7 -6.9 4 c -1.7 2.2 -2.3 4.7 -1.8 7.3 v 0.2 c 0.5 2.8 1.8 5.2 4.1 6.9 c 0.7 0.6 1.4 1.1 2.2 1.6 c 1.1 0.8 2.1 1.5 3.2 2.2 c -1.6 2.1 -3.2 4.3 -4.9 6.5 c -1.6 2.3 -3.3 4.5 -5.1 6.7 l -49.5 2 c -3.6 0.2 -6.9 1.4 -9.5 3.8 l -93.2 80.8 l -141.7 -29.9 c -2.2 -0.6 -4.3 -0.7 -6.3 -0.3 l -155.7 32.2 l -110.2 -84 c -2.6 -2.1 -5.8 -3.2 -9.5 -3.2 h -43.7 c -0.6 -0.6 -1.1 -1.2 -1.6 -1.8 c -3.4 -4.2 -6.7 -8.4 -9.7 -12.5 c 1.9 -1.4 3.9 -2.8 5.8 -4.1 c 0.7 -0.6 1.3 -1.1 1.9 -1.7 c 1.2 -1.5 1.9 -3.2 2.2 -5.2 c 0.2 -2 -0.1 -3.9 -1 -5.8 c -0.3 -0.5 -0.6 -1.2 -1.1 -1.7 c -1.8 -2.3 -3.9 -3.7 -6.6 -4 c -0.6 -0.2 -1.2 -0.2 -1.8 -0.2 c -2.1 -0.1 -4.1 0.5 -6 1.9 c -1.5 1.3 -3.2 2.5 -5.1 3.5 c -4.9 -7.7 -9.2 -15.4 -13.1 -23.4 c -3.3 -6.6 -6.2 -13.3 -8.8 -20.1 Z m 74.5 106.2 h 9 l 81.6 62.1 c -26.4 -13 -51.3 -29.1 -74.7 -48.3 c -5.4 -4.6 -10.7 -9.2 -15.9 -13.8 Z m 185.1 94.4 c -12.6 -2.6 -25 -5.8 -37.1 -9.5 l 144.4 -29.6 l 127.5 27 c -10.1 3.3 -20.3 6.2 -30.7 8.7 c -34.6 8.4 -71.1 12.6 -109.7 12.6 c -33 0 -64.5 -3.1 -94.4 -9.2 Z M 903 546.2 c 6.5 6.2 11.2 13.5 14.1 22 v -0.3 c 3.6 11.3 2.4 21.2 -3.8 29.8 c -6.5 8.9 -16.2 13.9 -29.1 15 c -3.4 0.2 -6.8 0.2 -10.3 0 c 12.7 -21 22.3 -43.2 29.1 -66.5 Z M 791 664.9 c -5 4.7 -10.3 9.4 -15.9 14 c -17.6 14.6 -36 27.3 -55.2 38.3 l 59.6 -51.8 l 11.5 -0.5 Z m -82.3 210 c -0.1 1.1 -0.4 2.1 -0.6 3.1 c -4.4 16 -21.7 30.2 -52 42.6 c -13.8 5.9 -28.5 10.6 -44.2 14.2 c -2.5 0.6 -5.1 1.2 -7.7 1.7 c 2.4 -7.5 3.5 -15.5 3.5 -23.9 c 0 -4.5 -0.3 -8.9 -1 -13.1 c -2.8 -18.5 -12.1 -34.6 -27.8 -48.5 c -18.6 -16.1 -40.9 -24.1 -67 -24.1 c -26.4 0 -48.7 8 -67.1 24.1 l -0.3 0.3 c -19.1 16.9 -28.8 37.3 -28.8 61.3 c 0 8.4 1.3 16.4 3.8 23.9 c -18.8 -3.9 -36.2 -9.1 -52.1 -15.9 c -23.5 -9.6 -39.2 -20.4 -46.9 -32.1 c -3 -4.4 -4.8 -9 -5.5 -13.6 l 38.5 -101 c 48.4 17.2 101.2 25.9 158.4 25.9 c 56.9 0 109.7 -8.7 158.2 -25.9 l 38.6 101 Z M 511.9 858 c 18.2 -0.3 33.7 5.3 46.6 16.6 c 12.1 10.5 18.2 23.2 18.4 38 c 0 10.7 -3.3 20.4 -9.8 28.8 c -0.2 0.4 -0.5 0.8 -0.9 1.1 c -17 1.9 -35.1 2.9 -54.3 2.9 c -19.2 0 -37.4 -1 -54.4 -2.9 c -0.4 -0.3 -0.8 -0.7 -1.2 -1.1 c -6.3 -8.4 -9.5 -18.1 -9.5 -28.8 c 0.2 -14.8 6.2 -27.5 18.2 -38 h 0.2 c 12.9 -11.3 28.4 -16.9 46.7 -16.6 Z" fill="#626161" p-id="8455"></path><path d="M 511.9 221.7 c 13.8 0 26.4 -1 38 -2.9 c 7.2 -1.3 14 -2.9 20.3 -4.8 c -11.1 -3.1 -23.8 -5.1 -37.8 -5.8 c -5.2 -0.2 -10.6 -0.3 -16.2 -0.3 c -22.7 0 -42.3 2.4 -58.5 7.4 c 15.3 4.2 33.3 6.4 54.2 6.4 Z m -66.2 37.4 c -3.8 -1.3 -7.4 -2.7 -10.7 -4 l -6.5 48.3 c 0 0.8 -0.1 1.5 -0.3 2 l -24.4 177.5 c 4.6 3 11.7 6.1 21.4 9.3 c 24 7.8 52.9 11.7 86.7 11.7 c 33.7 0 62.6 -3.9 86.6 -11.7 c 15.9 -5.2 24.9 -10.2 27 -15 l -0.3 -2 v -1.8 l -25.3 -184.1 c -0.2 -0.6 -0.3 -1.3 -0.3 -2 l -4.2 -31.4 c -2.8 1.1 -5.8 2.1 -8.9 3.2 c -8.3 2.7 -17.4 4.9 -27.1 6.7 h -0.3 c -13 2 -27.3 3.1 -42.9 3.1 c -27.4 0 -50.9 -3.2 -70.5 -9.8 Z m -62.5 98.3 l 4.9 -35.9 c -51.1 8.5 -97.3 22.6 -138.7 42 c -65.7 31.2 -100.5 68 -104.1 110.6 v 6.6 c 0.1 3.6 0.5 7.2 1.1 10.8 c 2.5 6.6 5.8 13 10 19.4 c 3.1 -45.1 38.4 -83.6 106 -115.5 c 36.2 -17.2 76.5 -29.9 120.8 -38 Z" fill="#979fcf" p-id="8456"></path><path d="M 380.7 374.9 l 0.2 -1.3 c -40.9 7.8 -78.1 19.7 -111.6 35.7 c -19.3 9 -35.6 18.6 -49.1 28.8 c 13.2 -9.3 28.7 -18.1 46.5 -26.4 c 34.3 -16.4 72.4 -28.7 114 -36.8 Z" fill="#afadd0" p-id="8457"></path><path d="M 176.1 533.6 c 1 0.9 2 1.9 3.1 2.8 C 196 551 218 564.8 245 577.7 c 73.7 34.7 162.7 52 266.9 52 c 104.1 0 193.1 -17.3 266.7 -52 c 27.1 -12.9 49 -26.7 66 -41.3 c 2.3 -2 4.5 -4.2 6.5 -6.2 c 0.6 -3.9 0.9 -7.7 0.9 -11.5 c 0 -4.1 -0.4 -8 -1 -12 c -11.9 -30.6 -42.5 -57.7 -92.1 -81.3 c -33.7 -15.9 -70.9 -27.8 -111.8 -35.6 l 13 95.8 c 0.6 2.3 1 4.7 1.1 7.2 v 1.1 c 1.6 18.3 -14.6 33 -48.6 44 c -26.6 8.9 -58.7 13.3 -96.4 13.3 c -37.6 0 -69.7 -4.4 -96.4 -13.3 c -33.4 -10.9 -49.6 -25.3 -48.6 -43.2 c -3.5 -5.2 -4.9 -10.9 -4.4 -16.9 v -0.9 c 0 -2.5 0.3 -5 0.9 -7.5 l 10.8 -78.3 c -38.2 7.8 -73.1 19.3 -104.8 34.3 c -63.9 30.3 -96.4 66.3 -97.6 108.2 Z" fill="#eb9fab" p-id="8458"></path><path d="M 637.6 320.4 l 5.1 37.4 c 43.3 8.1 82.7 20.7 118.4 37.6 c 62.8 29.6 97.9 64.9 105 105.8 c 1 2.5 1.8 5.1 2.5 7.7 c 8.9 -14 13.6 -28.8 14.2 -44.4 V 457.6 c -0.2 -2.3 -0.5 -4.4 -0.8 -6.7 c -12.5 -32.9 -45.4 -62 -99 -87.4 c -43.1 -20.3 -91.6 -34.7 -145.4 -43.1 Z M 246.5 634 c 3.7 0 6.9 1.1 9.5 3.2 l 110.2 84 L 521.9 689 c 2 -0.4 4.1 -0.3 6.3 0.3 l 141.7 29.9 l 93.2 -80.8 c 2.6 -2.4 5.9 -3.6 9.5 -3.8 l 49.5 -2 c 1.8 -2.2 3.5 -4.4 5.1 -6.7 c -0.1 -0.3 -0.1 -0.7 -0.1 -1 c -0.6 -2.7 -0.1 -5.2 1.6 -7.5 c 0.1 0 0.2 -0.1 0.2 -0.2 c -0.8 -0.5 -1.5 -1 -2.2 -1.6 c -2.3 -1.7 -3.6 -4.1 -4.1 -6.9 v -0.2 c -8.2 4.6 -17 9.1 -26.4 13.5 c -77.3 36.7 -170.6 54.9 -280 54.9 c -109.3 0 -202.7 -18.2 -280 -54.9 c -13 -6.1 -24.9 -12.5 -35.8 -19.1 c 0.9 1.9 1.2 3.8 1 5.8 c -0.3 2 -1 3.7 -2.2 5.2 c 1.7 0.6 3.2 1.8 4.5 3.5 c 1.7 2.3 2.4 4.8 2 7.5 c -0.3 2.8 -1.7 5.1 -4 6.9 c -0.2 0.1 -0.3 0.2 -0.5 0.4 c 0.5 0.6 1 1.2 1.6 1.8 h 43.7 Z m -61.6 -35.1 c 1.9 -1.4 3.9 -2 6 -1.9 c -8.9 -5.8 -17 -11.8 -24.2 -18 c 3.9 8 8.2 15.7 13.1 23.4 c 1.9 -1 3.6 -2.2 5.1 -3.5 Z m 653.8 0 c 1.8 1.1 3.5 2.3 5.3 3.5 c 2.3 -3.9 4.6 -7.7 6.8 -11.7 c -3.8 2.7 -7.9 5.5 -12.1 8.2 Z M 511.9 768.7 c 38.6 0 75.1 -4.2 109.7 -12.6 l -92.4 -19.6 l -111.7 23 c 29.9 6.1 61.4 9.2 94.4 9.2 Z m 144.2 151.9 c 30.3 -12.4 47.6 -26.6 52 -42.6 l -33.6 -88 c -48.5 17.3 -101.3 26 -158.3 26 c -57.2 0 -109.9 -8.7 -158.2 -26 l -37.5 98.5 c 7.7 11.7 23.4 22.5 46.9 32.1 c 15.9 6.8 33.3 12 52.1 15.9 c -2.5 -7.5 -3.8 -15.5 -3.8 -23.9 c 0 -24 9.7 -44.4 28.8 -61.3 l 0.3 -0.3 c 18.4 -16.1 40.7 -24.1 67.1 -24.1 c 26.1 0 48.4 8 67 24.1 c 15.7 13.9 25 30 27.8 48.5 c 3.7 9.1 5.4 18.8 5.4 29.3 c 0 2 -0.1 4 -0.2 6 c 15.7 -3.6 30.4 -8.3 44.2 -14.2 Z" fill="#979fcf" p-id="8459"></path><path d="M 558.5 874.6 c -12.9 -11.3 -28.4 -16.9 -46.6 -16.6 c -18.3 -0.3 -33.8 5.3 -46.7 16.6 h -0.2 c -12 10.5 -18 23.2 -18.2 38 c 0 10.7 3.2 20.4 9.5 28.8 c 0.4 0.4 0.8 0.8 1.2 1.1 c 17 1.9 35.2 2.9 54.4 2.9 c 19.2 0 37.3 -1 54.3 -2.9 c 0.4 -0.3 0.7 -0.7 0.9 -1.1 c 6.5 -8.4 9.8 -18.1 9.8 -28.8 c -0.2 -14.8 -6.3 -27.5 -18.4 -38 Z M 342.9 69.7 c -1.7 -2.2 -4 -3.3 -6.9 -3.4 c -2.8 -0.3 -5.3 0.5 -7.5 2.2 c -42.2 36.7 -48.5 72.9 -19 108.8 c 21.2 26.3 22.5 50.6 4 72.9 c -1.7 2.2 -2.5 4.8 -2.3 7.7 c 0.3 2.6 1.5 4.9 3.8 6.9 c 2.1 2 4.6 2.7 7.5 2.3 c 2.7 -0.2 5 -1.3 6.9 -3.4 c 26.1 -30.5 24.8 -63.7 -3.7 -99.4 c -20.4 -26.2 -14.9 -52.9 16.3 -80 c 2.2 -1.9 3.3 -4.3 3.5 -7.1 c 0.2 -2.9 -0.6 -5.4 -2.6 -7.5 Z" fill="#626161" p-id="8460"></path><path d="M 288 65.7 c 2 -1.9 3.3 -4.4 3.7 -7.3 c 0.2 -2.8 -0.7 -5.3 -2.6 -7.4 c -1.9 -2.2 -4.4 -3.3 -7.2 -3.5 c -2.9 -0.2 -5.4 0.7 -7.4 2.6 c -42.3 36.7 -48.6 72.8 -19.1 108.5 c 21.1 26.3 22.6 50.7 4.4 73.1 c -2 2.1 -2.9 4.6 -2.6 7.5 c 0.3 2.8 1.6 5.1 3.7 6.9 c 2.1 1.9 4.6 2.7 7.5 2.6 c 2.8 -0.4 5.3 -1.7 7.2 -3.8 c 26.1 -30.3 24.7 -63.4 -4.1 -99.2 c -20.3 -26.2 -14.8 -52.8 16.5 -80 Z m 461.9 4 c -2 -2.2 -4.4 -3.3 -7.3 -3.4 c -2.8 -0.3 -5.3 0.5 -7.5 2.2 c -42.1 36.7 -48.5 72.9 -18.9 108.8 c 21.1 26.3 22.5 50.6 4.3 72.9 c -1.9 2.2 -2.8 4.8 -2.6 7.7 c 0.4 2.6 1.7 4.9 3.7 6.9 c 2.1 2 4.6 2.7 7.5 2.3 c 2.9 -0.2 5.3 -1.3 7.2 -3.4 c 26.1 -30.5 24.8 -63.7 -4 -99.4 c -20.3 -26.2 -14.8 -52.9 16.4 -80 c 2.1 -1.9 3.4 -4.3 3.8 -7.1 c 0.1 -2.9 -0.7 -5.4 -2.6 -7.5 Z" fill="#626161" p-id="8461"></path><path d="M 803.6 98.4 c 0.3 -2.8 -0.5 -5.3 -2.2 -7.4 c -1.9 -2.2 -4.3 -3.3 -7.3 -3.5 c -2.8 -0.2 -5.3 0.6 -7.4 2.3 c -42.2 36.9 -48.6 73.1 -19 108.8 c 21.1 26.3 22.4 50.7 4 73.1 c -1.7 2.1 -2.5 4.6 -2.3 7.5 c 0.2 2.8 1.5 5.1 3.7 6.9 c 2.1 1.9 4.6 2.8 7.5 2.6 c 2.9 -0.4 5.2 -1.7 7 -3.8 c 26.2 -30.2 25 -63.4 -3.8 -99.2 c -20.3 -26.3 -14.8 -53 16.4 -80 c 2.2 -1.9 3.3 -4.4 3.4 -7.3 Z" fill="#626161" p-id="8462"></path></svg>'),
              },
              {
                name: "警戒水位",
                icon:'image://' + this.iconProcess('<svg t="1689669989682" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3847" width="16" height="16"><path d="M313.91 592.32m-17.18 0l0.01 0q-17.18 0-17.18-17.18l0-371.96q0-17.18 17.18-17.18l-0.01 0q17.18 0 17.18 17.18l0 371.96q0 17.18-17.18 17.18Z" fill="#DD811D" p-id="3848"></path><path d="M296.73 356.28m-90.78 0a90.78 90.78 0 1 0 181.56 0 90.78 90.78 0 1 0-181.56 0Z" fill="#FCAE3F" p-id="3849"></path><path d="M239.61 356a90.81 90.81 0 0 1 73.78-89.19 90.78 90.78 0 1 0 0 178.38A90.81 90.81 0 0 1 239.61 356z" fill="#EF9529" p-id="3850"></path><path d="M296.73 487.31m-90.78 0a90.78 90.78 0 1 0 181.56 0 90.78 90.78 0 1 0-181.56 0Z" fill="#FC6257" p-id="3851"></path><path d="M239.61 487a90.81 90.81 0 0 1 73.78-89.19 90.78 90.78 0 1 0 0 178.38A90.81 90.81 0 0 1 239.61 487z" fill="#F94541" p-id="3852"></path><path d="M296.73 618.33m-90.78 0a90.78 90.78 0 1 0 181.56 0 90.78 90.78 0 1 0-181.56 0Z" fill="#FCAE3F" p-id="3853"></path><path d="M239.76 618.11a90.81 90.81 0 0 1 73.78-89.19 90.79 90.79 0 1 0 0 178.37 90.8 90.8 0 0 1-73.78-89.18z" fill="#EF9529" p-id="3854"></path><path d="M313.91 821m-17.18 0l0.01 0q-17.18 0-17.18-17.18l0-136.41q0-17.18 17.18-17.18l-0.01 0q17.18 0 17.18 17.18l0 136.41q0 17.18-17.18 17.18Z" fill="#DD811D" p-id="3855"></path><path d="M528.91 592.32m-17.18 0l0.01 0q-17.18 0-17.18-17.18l0-371.96q0-17.18 17.18-17.18l-0.01 0q17.18 0 17.18 17.18l0 371.96q0 17.18-17.18 17.18Z" fill="#DD811D" p-id="3856"></path><path d="M511.73 356.28m-90.78 0a90.78 90.78 0 1 0 181.56 0 90.78 90.78 0 1 0-181.56 0Z" fill="#FCAE3F" p-id="3857"></path><path d="M454.61 356a90.81 90.81 0 0 1 73.78-89.19 90.78 90.78 0 1 0 0 178.38A90.81 90.81 0 0 1 454.61 356z" fill="#EF9529" p-id="3858"></path><path d="M511.73 487.31m-90.78 0a90.78 90.78 0 1 0 181.56 0 90.78 90.78 0 1 0-181.56 0Z" fill="#FC6257" p-id="3859"></path><path d="M454.61 487a90.81 90.81 0 0 1 73.78-89.19 90.78 90.78 0 1 0 0 178.38A90.81 90.81 0 0 1 454.61 487z" fill="#F94541" p-id="3860"></path><path d="M511.73 618.33m-90.78 0a90.78 90.78 0 1 0 181.56 0 90.78 90.78 0 1 0-181.56 0Z" fill="#FCAE3F" p-id="3861"></path><path d="M454.76 618.11a90.81 90.81 0 0 1 73.78-89.19 90.79 90.79 0 1 0 0 178.37 90.8 90.8 0 0 1-73.78-89.18z" fill="#EF9529" p-id="3862"></path><path d="M528.91 821m-17.18 0l0.01 0q-17.18 0-17.18-17.18l0-136.41q0-17.18 17.18-17.18l-0.01 0q17.18 0 17.18 17.18l0 136.41q0 17.18-17.18 17.18Z" fill="#DD811D" p-id="3863"></path><path d="M743.91 592.32m-17.18 0l0.01 0q-17.18 0-17.18-17.18l0-371.96q0-17.18 17.18-17.18l-0.01 0q17.18 0 17.18 17.18l0 371.96q0 17.18-17.18 17.18Z" fill="#DD811D" p-id="3864"></path><path d="M726.73 356.28m-90.78 0a90.78 90.78 0 1 0 181.56 0 90.78 90.78 0 1 0-181.56 0Z" fill="#FCAE3F" p-id="3865"></path><path d="M669.61 356a90.81 90.81 0 0 1 73.78-89.19 90.78 90.78 0 1 0 0 178.38A90.81 90.81 0 0 1 669.61 356z" fill="#EF9529" p-id="3866"></path><path d="M726.73 487.31m-90.78 0a90.78 90.78 0 1 0 181.56 0 90.78 90.78 0 1 0-181.56 0Z" fill="#FC6257" p-id="3867"></path><path d="M669.61 487a90.81 90.81 0 0 1 73.78-89.19 90.78 90.78 0 1 0 0 178.38A90.81 90.81 0 0 1 669.61 487z" fill="#F94541" p-id="3868"></path><path d="M726.73 618.33m-90.78 0a90.78 90.78 0 1 0 181.56 0 90.78 90.78 0 1 0-181.56 0Z" fill="#FCAE3F" p-id="3869"></path><path d="M669.76 618.11a90.81 90.81 0 0 1 73.78-89.19 90.79 90.79 0 1 0 0 178.37 90.8 90.8 0 0 1-73.78-89.18z" fill="#EF9529" p-id="3870"></path><path d="M743.91 821m-17.18 0l0.01 0q-17.18 0-17.18-17.18l0-136.41q0-17.18 17.18-17.18l-0.01 0q17.18 0 17.18 17.18l0 136.41q0 17.18-17.18 17.18Z" fill="#DD811D" p-id="3871"></path></svg>'),
              },
              {
                name: "水位",
                icon:'image://' + this.iconProcess('<svg t="1689670129906" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12813" width="16" height="16"><path d="M265.6 381.6s-158.4 56-244 64.8c2.4 30.4 62.4 103.2 265.6 65.6l-21.6-130.4z" fill="#775A25" p-id="12814"></path><path d="M183.2 534.4c-79.2 0-121.6-21.6-142.4-37.6C22.4 482.4 10.4 464 9.6 448l-0.8-11.2 11.2-1.6c82.4-8.8 239.2-64 240.8-64.8l13.6-4.8 25.6 156-11.2 2.4c-40.8 7.2-75.2 10.4-105.6 10.4zM37.6 456.8c3.2 6.4 9.6 13.6 18.4 20.8 24 19.2 84.8 47.2 217.6 24.8L256 397.6c-37.6 12.8-146.4 48-218.4 59.2z" p-id="12815"></path><path d="M755.2 381.6s158.4 56 244 64.8c-1.6 30.4-62.4 102.4-265.6 64.8l21.6-129.6z" fill="#775A25" p-id="12816"></path><path d="M837.6 534.4c-29.6 0-64.8-3.2-105.6-10.4l-12-2.4 25.6-156 13.6 4.8c1.6 0.8 158.4 55.2 240.8 64.8l11.2 1.6-0.8 11.2c-0.8 16-12.8 34.4-31.2 48.8-20 16-62.4 37.6-141.6 37.6z m-89.6-32c132.8 22.4 193.6-5.6 217.6-24.8 9.6-7.2 15.2-14.4 18.4-20.8-72.8-11.2-180.8-46.4-218.4-59.2l-17.6 104.8z" p-id="12817"></path><path d="M220 413.6c-64.8-26.4-144-84.8-136-200 8-96.8 122.4-176.8 190.4-183.2-32 30.4-74.4 88.8-60.8 157.6 15.2 76.8 81.6 92.8 113.6 84.8" fill="#585856" p-id="12818"></path><path d="M220 433.6c-2.4 0-4.8-0.8-7.2-1.6-60-24-158.4-84.8-148-220 8-107.2 129.6-194.4 208-201.6l56.8-4.8L288 44.8c-20.8 20-68 73.6-54.4 139.2 5.6 26.4 17.6 46.4 36.8 58.4 18.4 12 40 13.6 52.8 10.4 10.4-2.4 21.6 4 24 14.4 2.4 10.4-4 21.6-14.4 24-20.8 4.8-52.8 3.2-83.2-16-20-12.8-45.6-37.6-54.4-84-9.6-48 4-89.6 23.2-121.6-52 28-108 82.4-112.8 144.8-4 57.6 13.6 135.2 123.2 180 10.4 4 15.2 16 11.2 26.4-4 8-12 12.8-20 12.8z" p-id="12819"></path><path d="M140.8 249.6c-1.6 0-2.4 0-4-0.8-6.4-2.4-9.6-8.8-7.2-15.2 7.2-20.8 32-59.2 79.2-58.4 6.4 0 12 5.6 12 12s-5.6 12-12 12c-40.8-0.8-55.2 40-56 41.6-2.4 5.6-7.2 8.8-12 8.8zM172.8 305.6c-1.6 0-2.4 0-4-0.8-6.4-2.4-9.6-8.8-7.2-15.2 7.2-20.8 32-59.2 79.2-58.4 6.4 0 12 5.6 12 12s-5.6 12-12 12c-40.8-0.8-55.2 40-56 41.6-2.4 5.6-7.2 8.8-12 8.8z" p-id="12820"></path><path d="M815.2 413.6c64.8-26.4 144-84.8 136-200-7.2-96.8-121.6-176.8-189.6-183.2 32 30.4 74.4 88.8 60.8 157.6-15.2 76.8-81.6 92.8-113.6 84.8" fill="#585856" p-id="12821"></path><path d="M815.2 433.6c-8 0-15.2-4.8-18.4-12.8-4-10.4 0.8-21.6 11.2-26.4 109.6-44 127.2-122.4 123.2-180-4.8-62.4-60-116.8-112.8-144.8 18.4 32 32.8 73.6 23.2 121.6-9.6 47.2-35.2 72-54.4 84-30.4 19.2-63.2 20.8-83.2 16-10.4-2.4-17.6-13.6-14.4-24 2.4-10.4 13.6-17.6 24-14.4 12.8 3.2 34.4 0.8 52.8-10.4 19.2-12 32-32 36.8-58.4 13.6-65.6-33.6-119.2-54.4-139.2L707.2 5.6l56.8 4.8c78.4 7.2 200 95.2 208 201.6C982.4 347.2 883.2 408 824 432c-4 0.8-6.4 1.6-8.8 1.6z" p-id="12822"></path><path d="M895.2 249.6c-4.8 0-9.6-3.2-11.2-8-0.8-1.6-15.2-43.2-56-41.6-6.4 0-12-4.8-12-12 0-6.4 4.8-12 12-12 47.2-1.6 72.8 37.6 79.2 58.4 2.4 6.4-1.6 12.8-8 15.2h-4zM863.2 305.6c-4.8 0-9.6-3.2-11.2-8-0.8-1.6-15.2-43.2-56-41.6-6.4 0-12-4.8-12-12 0-6.4 4.8-12 12-12 47.2-1.6 72.8 37.6 79.2 58.4 2.4 6.4-1.6 12.8-8 15.2h-4z" p-id="12823"></path><path d="M168 569.6a384 344 90 1 0 688 0 384 344 90 1 0-688 0Z" fill="#775A25" p-id="12824"></path><path d="M512 973.6c-200.8 0-364-181.6-364-404S311.2 165.6 512 165.6s364 181.6 364 404-163.2 404-364 404z m0-768c-178.4 0-324 163.2-324 364s145.6 364 324 364 324-163.2 324-364S690.4 205.6 512 205.6z" p-id="12825"></path><path d="M287.2 476.8a120 88 90 1 0 176 0 120 88 90 1 0-176 0Z" fill="#FFFFFF" p-id="12826"></path><path d="M375.2 608.8c-55.2 0-100-59.2-100-132S320 344.8 375.2 344.8s100 59.2 100 132-44.8 132-100 132z m0-240c-41.6 0-76 48.8-76 108s34.4 108 76 108 76-48.8 76-108-34.4-108-76-108z" p-id="12827"></path><path d="M369.6 476.8m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z" p-id="12828"></path><path d="M543.2 476.8a120 88 90 1 0 176 0 120 88 90 1 0-176 0Z" fill="#FFFFFF" p-id="12829"></path><path d="M631.2 608.8c-55.2 0-100-59.2-100-132S576 344.8 631.2 344.8s100 59.2 100 132-44.8 132-100 132z m0-240c-41.6 0-76 48.8-76 108s34.4 108 76 108 76-48.8 76-108-34.4-108-76-108z" p-id="12830"></path><path d="M633.6 476.8m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z" p-id="12831"></path><path d="M152 825.6a360 176 0 1 0 720 0 360 176 0 1 0-720 0Z" fill="#C19F52" p-id="12832"></path><path d="M512 1021.6c-212.8 0-380-86.4-380-196S299.2 629.6 512 629.6s380 86.4 380 196-167.2 196-380 196z m0-352c-184 0-340 71.2-340 156S328 981.6 512 981.6s340-71.2 340-156S696 669.6 512 669.6z" p-id="12833"></path><path d="M710.4 800c-4.8 0-9.6-1.6-14.4-4-12.8-8-16.8-25.6-17.6-28-1.6-6.4 3.2-12.8 9.6-14.4 6.4-1.6 12.8 3.2 14.4 9.6 0.8 4 3.2 10.4 6.4 12 0.8 0 0.8 0.8 3.2 0 7.2-2.4 8-4.8 8-6.4 0.8-6.4-6.4-17.6-16-21.6-24-11.2-68.8 19.2-82.4 30.4-4.8 4-12.8 3.2-16.8-1.6-4-4.8-3.2-12.8 1.6-16.8 6.4-5.6 65.6-53.6 108-33.6 16 7.2 31.2 26.4 29.6 45.6-0.8 13.6-10.4 23.2-25.6 27.2-2.4 1.6-5.6 1.6-8 1.6zM316 800c-2.4 0-5.6 0-8-0.8-15.2-4-24.8-14.4-25.6-27.2-1.6-19.2 13.6-38.4 29.6-45.6 42.4-20 100.8 28 108 33.6 4.8 4 5.6 12 1.6 16.8-4 4.8-12 5.6-16.8 1.6-13.6-11.2-58.4-41.6-82.4-30.4-9.6 4.8-16.8 15.2-16 21.6 0 0.8 0 4 8 6.4 2.4 0.8 2.4 0 3.2 0 3.2-2.4 5.6-8.8 6.4-12 1.6-6.4 7.2-10.4 14.4-9.6 6.4 1.6 10.4 7.2 9.6 14.4 0 1.6-4 20-17.6 28-4.8 2.4-9.6 3.2-14.4 3.2zM512 924.8c-102.4 0-176.8-40-180-41.6-7.2-4-9.6-12.8-5.6-20 4-7.2 12.8-9.6 20-5.6 0.8 0 71.2 38.4 166.4 38.4 87.2 0 172-38.4 172.8-38.4 7.2-3.2 16 0 19.2 7.2 3.2 7.2 0 16-7.2 19.2-4 1.6-92 40.8-185.6 40.8z" p-id="12834"></path></svg>'),
              },
              {
                name: "流量",
                icon:'image://' + this.iconProcess('<svg t="1689670056543" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8608" width="16" height="16"><path d="M746.88512 902.9632H264.772267c-29.5936 0-67.754667-21.449387-77.02528-40.6528l-15.48288-38.208853c0-1.344853 1.45408-2.443947 3.23584-2.443947h660.650666c1.78176 0 3.23584 1.099093 3.23584 2.443947l-15.48288 38.208853c-9.755307 20.48-47.424853 40.6528-77.018453 40.6528z" fill="#F8767A" p-id="8609"></path><path d="M254.409387 862.644907l-12.376747-30.542507c0-1.078613 1.16736-1.952427 2.587307-1.952427h-57.4464c-1.419947 0-2.587307 0.88064-2.587307 1.952427l12.376747 30.542507c7.406933 15.353173 46.871893 32.78848 61.56288 32.494933h57.4464c-23.6544 0-54.155947-17.14176-61.56288-32.494933z" fill="#F55760" p-id="8610"></path><path d="M714.717867 817.534293H296.18176c-30.037333 0-54.613333-24.576-54.613333-54.613333V546.740907c0-30.037333 24.576-54.613333 54.613333-54.613334h418.536107c30.037333 0 54.613333 24.576 54.613333 54.613334v216.180053c0 30.037333-24.576 54.613333-54.613333 54.613333z" fill="#FFEACC" p-id="8611"></path><path d="M312.56576 745.669973V550.386347c0-34.679467 28.378453-63.05792 63.05792-63.05792h-61.631147c-34.679467 0-63.05792 28.378453-63.05792 63.05792v195.283626c0 34.679467 28.378453 63.05792 63.05792 63.05792h61.631147c-34.686293 0.006827-63.05792-28.371627-63.05792-63.05792z" fill="#F2D7B3" p-id="8612"></path><path d="M801.286827 535.599787c-1.604267-33.716907-29.5936-60.8256-63.6928-60.8256H265.68704c-35.116373 0-63.842987 28.726613-63.842987 63.842986v34.42688c0 3.577173 0.423253 7.502507 0.150187 11.332267l0.791893 84.64384c0 20.56192 16.827733 37.389653 37.389654 37.389653 20.56192 0 37.389653-16.827733 37.389653-37.389653v-23.3472c1.460907 19.258027 17.48992 34.6112 37.102933 34.6112 19.613013 0 35.648853-15.353173 37.102934-34.6112v44.93312c0 20.56192 16.827733 37.389653 37.389653 37.389653 20.56192 0 37.389653-16.827733 37.389653-37.389653v-53.71904h0.12288v14.04928c0 20.56192 16.827733 37.389653 37.389654 37.389653 20.56192 0 37.389653-16.827733 37.389653-37.389653v-14.04928h0.22528v50.13504c0 20.56192 16.827733 37.389653 37.389653 37.389653 20.56192 0 37.389653-16.827733 37.389654-37.389653v-50.13504h0.24576v11.926187c0 20.56192 16.827733 37.389653 37.389653 37.389653s37.389653-16.827733 37.389653-37.389653v-11.926187h0.341334v51.882667c0 20.56192 16.827733 37.389653 37.389653 37.389653 20.56192 0 37.389653-16.827733 37.389653-37.389653v-51.882667h0.150187v13.120853c0 20.56192 16.827733 37.389653 37.389653 37.389654 20.56192 0 37.389653-16.827733 37.389654-37.389654v-112.162133c-0.02048-0.764587-0.2048-1.488213-0.24576-2.245973z" fill="#F8767A" p-id="8613"></path><path d="M254.088533 638.68928l1.215147-64.791893c-0.436907-2.607787 0.382293-4.17792 0.382293-6.90176l1.67936-26.64448c0-26.733227 21.87264-48.612693 48.612694-48.612694h-39.901867c-26.733227 0-48.612693 21.87264-48.612693 48.612694v26.207573c0 2.72384 0.279893 5.379413 0.7168 7.9872l0.703146 65.665707c-0.382293 32.201387-0.764587 47.14496 17.05984 48.37376 7.74144 0.53248 14.854827-3.42016 19.790507-9.99424-5.249707-5.167787-1.645227-31.996587-1.645227-39.901867z" fill="#F55760" p-id="8614"></path><path d="M566.265173 154.985813l0.08192-0.805546a35.751253 35.751253 0 0 0-35.751253-35.751254c-15.489707 0-28.54912 9.905493-33.512107 23.688534-4.962987-13.776213-18.029227-23.688533-33.512106-23.688534a35.751253 35.751253 0 0 0-35.751254 35.751254c0 2.976427 0.47104 5.829973 1.160534 8.594773 9.188693 42.45504 67.037867 76.171947 67.037866 76.171947 45.81376-17.73568 61.883733-51.602773 67.447467-70.71744a35.621547 35.621547 0 0 0 2.798933-13.243734z" fill="#F8767A" p-id="8615"></path><path d="M630.25152 473.934507H367.097173c-30.037333 0-54.613333-24.576-54.613333-54.613334v-76.731733c0-30.037333 24.576-54.613333 54.613333-54.613333h263.154347c30.037333 0 54.613333 24.576 54.613333 54.613333v76.73856c0 30.030507-24.576 54.606507-54.613333 54.606507z" fill="#FFEACC" p-id="8616"></path><path d="M367.991467 415.96928V315.76064c0-21.52448 17.6128-39.13728 39.13728-39.13728H361.540267c-21.52448 0-39.13728 17.6128-39.13728 39.13728v100.201813c0 21.52448 28.951893 48.571733 50.476373 48.571734h45.581653c-21.517653 0.006827-50.469547-27.040427-50.469546-48.564907z" fill="#F2D7B3" p-id="8617"></path><path d="M701.965653 259.222187v-12.274347c0-15.209813-12.581547-27.648-27.9552-27.648H321.508693c-15.373653 0-27.9552 12.445013-27.9552 27.648v16.213333c-0.013653 0.436907-0.068267 0.86016-0.068266 1.303894v56.845653c0 19.203413 15.885653 34.9184 35.30752 34.9184 19.421867 0 35.30752-15.714987 35.30752-34.9184v-16.13824h70.61504v42.939733c0 12.506453 10.349227 22.739627 22.992213 22.739627 12.642987 0 22.992213-10.233173 22.992213-22.739627v51.5072c0 19.203413 15.89248 34.9184 35.30752 34.9184 19.421867 0 35.30752-15.714987 35.30752-34.9184V305.158827h80.472747v28.392106c0 19.203413 15.885653 34.9184 35.30752 34.9184 19.421867 0 35.30752-15.714987 35.30752-34.9184V264.45824a34.010453 34.010453 0 0 0-0.436907-5.236053z" fill="#FDE96C" p-id="8618"></path><path d="M336.267947 267.69408v-11.885227c0-11.147947 8.874667-19.490133 20.145493-19.490133l-25.593173-0.129707c-16.896 0.02048-20.077227 8.471893-20.077227 19.613014v11.885226c-0.013653 0.320853-0.047787 0.63488-0.047787 0.955734v41.663146c-2.798933 16.984747 4.928853 29.57312 19.162454 29.57312 7.939413-0.566613 14.609067-6.526293 18.14528-13.04576-7.809707-4.416853-11.776-7.038293-11.776-16.52736v-41.663146c-0.006827-0.314027 0.027307-0.628053 0.04096-0.948907z" fill="#FCC22D" p-id="8619"></path></svg>'),
              },
            ],
            selected: {
              '堤顶高程': false,
              '保证水位': false,
              '警戒水位': false,
              '水位': true,
              '流量': true
            },
            textStyle: {
              fontSize: 11,
              color: "#DAEAFF",
            },
            itemWidth:15,
            y: "32",
            right:'30'
          },
          grid: {
            // show: true,
            top: "90",
            left: "9%",
            right: '7%'
          },
          xAxis: {
            type: "category",
            data: times,
            nameTextStyle: {
              padding: [5, 0, 0, -30] // 四个数字分别为上右下左与原位置距离
            },
            axisLine: {
              lineStyle: {
                color: "#4D96FF",
                width: 1
              }
            },
            axisLabel: {
              textStyle: {
                color: "#4D96FF"
              },
              fontSize: 11,
              // interval: 0,
              formatter: function(value, index) {
                if (value != undefined && value != "" && value != null) {
                  // 下标0开始
                  if (index > 0) {
                    // return value.split(' ')[1]
                    return value.split(' ')[0].substring(5) + '日'

                    // '' >= 3
                    // if (rainDayRadio >= 3) {
                    //   let timeDay = times[index].split(" ")[1];
                    //   if (
                    //     timeDay == "18:00" ||
                    //     timeDay == "06:00" ||
                    //     timeDay == "12:00"
                    //   ) {
                    //     return times[index].split(" ")[1].split(":")[0];
                    //   } else if (
                    //     times[index - 1].split(" ")[0].split("-")[2] !==
                    //     times[index].split(" ")[0].split("-")[2]
                    //   ) {
                    //     return times[index].split(" ")[0].split("-")[2] + "日";
                    //   } else {
                    //     console.log(888);
                    //     return times[index].split(" ")[1].split(":")[0];;
                    //   }
                    // } else {
                    //   // 下标2开始
                    //   if (index > 1) {
                    //     if (((times.length - 1) / 24) > 2 && ((times.length - 1) / 24) < 5) {
                    //       // console.log(index,'2222');
                    //       // if (index % 8 == 0) {
                    //       if (times[index - 1].split(" ")[0].split("-")[2] != times[index].split(" ")[0].split("-")[2]) {
                    //         console.log(times[index - 1].split(" ")[0].split("-")[2],'444');
                    //         return (times[index].split(" ")[0].split("-")[2] + "日");
                    //       } else {
                    //         return times[index].split(" ")[1].split(":")[0]; //去掉时
                    //       }
                    //       // } else {
                    //       //   console.log(times[index].split(" ")[1].split(":")[0],'3333');
                    //       //   console.log((times[index].split(" ")[0].split("-")[2] + "日"),'3333');
                    //       //   return "";
                    //       // }
                    //     } else if (((times.length - 1) / 24) >= 5) {
                    //       // if (index % 4 == 0) {
                    //       //   if (times[index - 1].split(" ")[0].split("-")[2] != times[index].split(" ")[0]
                    //       //     .split(
                    //       //       "-")[2]) {
                    //       //     return (times[index].split(" ")[0].split("-")[2] + "日");
                    //       //   }else {
                    //       //     console.log('qwe');
                    //       return (times[index].split(" ")[0].split("-")[2] + "日")
                    //       //   }
                    //       // } else {
                    //       //   console.log(times[index].split(" "));
                    //       //   console.log('666');
                    //       //   return "";
                    //       // }
                    //     } else {
                    //       if (index % 4 == 0 || times.length < 12) {

                    //         //4的倍数
                    //         if (
                    //           times[index - 1].split(" ")[0].split("-")[2] ==
                    //           times[index].split(" ")[0].split("-")[2]
                    //         ) {
                    //           //如果前后相等 则是同一天
                    //           if (times[index].split(" ")[1] == "01:00") {
                    //             console.log(147147);
                    //             return "";
                    //           } else {
                    //             return times[index].split(" ")[1].split(":")[0]; //去掉时
                    //           }
                    //         } else {
                    //           console.log(1)
                    //           //如果前后不相等 则不是同一天
                    //           return (
                    //             times[index].split(" ")[0].split("-")[2] + "日"
                    //           );
                    //         }
                    //       } else {
                    //         console.log('111');
                    //         if (
                    //           times[index - 1].split(" ")[0].split("-")[2] !==
                    //           times[index].split(" ")[0].split("-")[2]
                    //         ) {
                    //           return (
                    //             times[index].split(" ")[0].split("-")[2] + "日"
                    //           );
                    //         }
                    //         return times[index].split(" ")[1].split(":")[0];
                    //       }
                    //     }
                    //   } else {
                    //     console.log(999);
                    //     return "";
                    //   }
                    // }
                  } else {
                    // return value.split(' ')[0]
                    return value.split(' ')[1]+ '\n' + value.split(' ')[0]
                    // 去掉8:00 云效bug--GCBI-871
                    //  +
                    // " " +
                    // value.split(" ")[1]
                  }
                } else {
                  return "";
                }

                // if (value != undefined && value != "" && value != null) {

                //   if (index > 0) {
                //     //索引大于0
                //     // if (index > 1) {
                //       //索引大于1
                //       if (times.length > 30) {
                //         //x轴时间数组长度>30
                //         //如果日期相同则返回空
                //         if (
                //           times[index - 1].split(" ")[0].split("-")[2] ==
                //           times[index].split(" ")[0].split("-")[2]
                //         ) {
                //           return "";
                //         } else {
                //           //否则 返回日期 列 ： 05日
                //           return times[index].split(" ")[0].split("-")[2] + "日";
                //         }
                //       } else {

                //         //索引是4倍数 且长度<12
                //         if (index % 4 == 0 || times.length < 12) {
                //           if (
                //             times[index - 1].split(" ")[0].split("-")[2] ==
                //             times[index].split(" ")[0].split("-")[2]
                //           ) {
                //             return (
                //               times[index].split(" ")[1].split(":")[0] + "时"
                //             );
                //           } else {
                //             return (
                //               times[index].split(" ")[0].split("-")[2] + "日"
                //             );
                //           }
                //         } else {
                //           return "";
                //         }
                //       }
                //     // } else {
                //     //   return "";
                //     // }
                //   } else {
                //     return (
                //       _this.$filter.tmMonthAndDay(value) +
                //       " " +
                //       value.split(" ")[1]
                //     );
                //   }
                // } else {
                //   return "";
                // }
              }
            },
            nameGap: 45,
            name: "时间(h)"
          },
          yAxis: [
            //这里配置两条Y轴
            {
              type: "value",
              min: YMin,
              max: yMax,
              splitNumber: 6,
              offset: 1,
              splitLine: {
                show: true,
                lineStyle: {
                  color: "#162B5D",
                  type: 'dashed' //虚线
                },
              },
              axisLine: {
                lineStyle: {
                  // color: "#b5fba5",
                  color: "rgba(0, 185, 228)",
                  width: 1
                }
              },
              axisLabel: {
                show: true,
                textStyle: {
                  // color: "#b5fba5"
                  color: "rgba(0, 185, 228,.6)"
                },
                fontSize: 11,
                interval: "auto",
                formatter: "{value}"
              },
              name: "水位(m)",
              nameTextStyle: {
                // color: "#b5fba5"
                color: "rgba(0, 185, 228,.8)"

              }
            },
            {
              type: "value",
            //   min: minLlsStr,
              // max: 45.5,
              // splitNumber: 6,
              splitLine: {
                show: false
              },
              scale: true,
              axisLine: {
                lineStyle: {
                  // color: "#11a0da",
                color: "rgba(67, 91, 207,.8)",

                  width: 1
                }
              },
              axisLabel: {
                show: true,
                textStyle: {
                  // color: "#11a0da"
                color: "rgba(67, 91, 207,.8)",

                },
                fontSize: 11,
                interval: "auto",
                formatter: "{value}"
              },
              name: "流量(m³/s)",
              nameTextStyle: {
                // color: "#11a0da",
                color: "rgb(67, 91, 207)",

                fontSize: 11,
                padding: [0, 35, 0 , 0]
              }
            }
          ],
          series: [
            {
              name: "水位",
              type: "line",
              symbolSize: sws.length > 1 ? 0 : 8,
              showBackground: true,
              // itemStyle: {
              //   normal: {
              //     lineStyle: {
              //       color: "hsl(239deg 68% 51%)"
              //     },
              //     color: "hsl(239deg 68% 51%)"
              //   }
              // },
              itemStyle: {
                normal: {
                  lineStyle: {
                    // color: "#b5fba5"
                    color: "rgba(0, 185, 228)"

                  },
                  // color: "#b5fba5"
                  color: "rgba(0, 185, 228)"

                }
              },
              data: sws,
              yAxisIndex: 0
            },
            {
              name: "流量",
              type: "line",
              smooth: true,
              symbolSize: 0,
              yAxisIndex: 1,
              showBackground: true,
              itemStyle: {
                normal: {
                  lineStyle: {
                    // color: "#11a0da"
                    color:"rgba(69, 92, 211)"
                  },
                  // color: "#11a0da"
                  color:"rgba(69, 92, 211)"
                }
              },
              data: lls
            },
            {
              name: "堤顶高程",
              type: "line",
              smooth: true,
              symbolSize: 0,
              yAxisIndex: 1,
              showBackground: true,
              itemStyle: {
                normal: {
                  lineStyle: {
                    color: "#EF1C1C"
                  },
                  color: "#EF1C1C"
                }
              },
              data: []
            },
            {
              name: "保证水位",
              type: "line",
              smooth: true,
              symbolSize: 0,
              yAxisIndex: 1,
              showBackground: true,
              itemStyle: {
                normal: {
                  lineStyle: {
                    color: "#FF9400"
                  },
                  color: "rgba(255, 221, 189,1)" //lengd 
                }
              },
              data: []
            },
            {
              name: "警戒水位",
              type: "line",
              smooth: true,
              symbolSize: 0,
              yAxisIndex: 1,
              showBackground: true,
              itemStyle: {
                normal: {
                  lineStyle: {
                    // color: "#EBD800"
                    color: "rgba(181, 251, 165,.8)",
                  },
                  // color: "#EBD800"
                  color:'rgba(181, 251, 165,.8)'
                }
              },
              data: []
            },
            {
              name: "",
              type: "line",
              markArea: {
                emphasis: {
                  label: {
                    show: true,
                    position: "insideBottom"
                  }
                },
                data: [
                  [{
                      z:1,
                      name: "堤顶高程" + dkel + "m" , //做出判断是否 没值显示为空
                      yAxis: dkel ? dkel : '',  //标记开始
                      itemStyle: {
                        color: "rgba(0,0,0,0)",
                        opacity: dkel == null ? 0 : 1
                      },
                      label: {
                        // show: dkel == null ? false : true,
                        show: false,
                        position: "insideBottom", // markArea中文字（name）位置
                        offset: [60, 0], // markArea中文字（name）显示在位置基础上x、y轴偏移
                        color: "white"
                      }
                    },
                    {
                      yAxis: objMax  //标记结束
                    }
                  ],
                  [{
                      z:2,
                      name: grz ? "保证水位" + grz + "m" : "", //做出判断是否 没值显示为空
                      yAxis: grz,
                      itemStyle: {
                        color: "rgba(0,0,0,0)",
                        opacity: grz == null ? 0 : 1
                      },
                      label: {
                        show: false,
                        position: "insideBottom", // markArea中文字（name）位置
                        offset: [160, 0], // markArea中文字（name）显示在位置基础上x、y轴偏移
                        color: "white"
                      }
                    },
                    {
                      yAxis: objMax
                    }
                  ],
                  [{
                    z:3,
                    name: wrz ? "警戒水位" + wrz + "m" : "", //做出判断是否 没值显示为空
                    yAxis: wrz,
                    itemStyle: {
                      // color: "#FFF7BD",
                      color: "rgba(0,0,0,0)",
                      opacity: wrz == null ? 0 : 1
                    },
                    label: {
                      show: false,
                      position: "insideBottom", // markArea中文字（name）位置
                      offset: [260, 0], // markArea中文字（name）显示在位置基础上x、y轴偏移
                      // color: "#DDECFF"
                      color:'white'
                    }
                  }, {
                    yAxis:dkel
                  }]
                ]
              },
              data: []
            }
          ]
      };

      // 使用刚指定的配置项和数据显示图表
      this.waterLevel.setOption(this.option)


      let _this = this
      //   改变echarts 中lenged状态
      this.waterLevel.on('legendselectchanged',function(params) {
        let option = _this.waterLevel.getOption();
        // 判断当前状态
        if(params.name == '堤顶高程'){
            // 为真
            if(params.selected[params.name]){
                option.series[5].markArea.data[0] =   [{
                      z:10,
                      name: dkel ? "堤顶高程" + dkel + "m" : "", //做出判断是否 没值显示为空
                      yAxis: dkel ? dkel : '',
                      itemStyle: {
                        color: "rgba(239, 28, 28,.5)",
                        opacity: 1
                      },
                      label: {
                        show: true,
                        position: "insideBottom", // markArea中文字（name）位置
                        offset: [60, 0], // markArea中文字（name）显示在位置基础上x、y轴偏移
                        color: "white"
                      }
                    },
                    {
                      yAxis: objMax
                    }
                  ]
                  _this.waterLevel.setOption(option,true)
            }else{
                option.series[5].markArea.data[0] =   [{
                      name: dkel ? "堤顶高程" + dkel + "m" : "", //做出判断是否 没值显示为空
                      yAxis: dkel ? dkel : '',
                      itemStyle: {
                        color: "rgba(239, 28, 28,.5)",
                        opacity: 0
                      },
                      label: {
                        show: false,
                        position: "insideBottom", // markArea中文字（name）位置
                        offset: [60, 0], // markArea中文字（name）显示在位置基础上x、y轴偏移
                        color: "white"
                      }
                    },
                    {
                      yAxis: dkel ? objMax : ''
                    }
                  ]
                  _this.waterLevel.setOption(option,true)
            }
        }
        // 判断当前状态
        if(params.name == '保证水位'){

            // 为真
            if(params.selected[params.name]){
                option.series[5].markArea.data[1] =  [{
                      z:2,
                      name: grz ? "保证水位" + grz + "m" : "", //做出判断是否 没值显示为空
                      yAxis: grz,
                      itemStyle: {
                        color: "rgba(255, 221, 189,.7)",
                        opacity:1
                      },
                      label: {
                        show: true,
                        position: "insideBottom", // markArea中文字（name）位置
                        offset: [160, 0], // markArea中文字（name）显示在位置基础上x、y轴偏移
                        color: "white"
                      }
                    },
                    {
                      yAxis: objMax
                    }
                  ]
                  _this.waterLevel.setOption(option,true)
            }else{
                option.series[5].markArea.data[1] =  [{
                      z:10,
                      name: grz ? "保证水位" + grz + "m" : "", //做出判断是否 没值显示为空
                      yAxis: grz,
                      itemStyle: {
                        color: "rgba(255, 221, 189,.7)",
                        opacity:0
                      },
                      label: {
                        show: false,
                        position: "insideBottom", // markArea中文字（name）位置
                        offset: [160, 0], // markArea中文字（name）显示在位置基础上x、y轴偏移
                        color: "white"
                      }
                    },
                    {
                      yAxis: dkel == null ? objMax : dkel
                    }
                  ]
                  _this.waterLevel.setOption(option,true)
            }
        }
        // 判断当前状态
        if(params.name == '警戒水位'){
            // 为真
            if(params.selected[params.name]){
                option.series[5].markArea.data[2] =  [{
                    z:1,
                    name: wrz ? "警戒水位" + wrz + "m" : "", //做出判断是否 没值显示为空
                    yAxis: wrz,
                    itemStyle: {
                      // color: "#FFF7BD",
                      color: "rgba(181, 251, 165,.8)",
                      opacity: 1
                    },
                    label: {
                      show: true,
                      position: "insideBottom", // markArea中文字（name）位置
                      offset: [260, 0], // markArea中文字（name）显示在位置基础上x、y轴偏移
                      // color: "#DDECFF"
                      color:'white'
                    }
                  }, {
                    yAxis: dkel
                  }]
                  _this.waterLevel.setOption(option,true)
            }else{
                option.series[5].markArea.data[2] =  [{
                    name: wrz ? "警戒水位" + wrz + "m" : "", //做出判断是否 没值显示为空
                    yAxis: wrz,
                    itemStyle: {
                      // color: "#FFF7BD",
                      color: "rgba(181, 251, 165,.8)",
                      opacity: 0
                    },
                    label: {
                      show: false,
                      position: "insideBottom", // markArea中文字（name）位置
                      offset: [260, 0], // markArea中文字（name）显示在位置基础上x、y轴偏移
                      // color: "#DDECFF"
                      color:'white'
                    }
                  }, {
                    yAxis: grz == null ? dkel : grz
                  }]
                  _this.waterLevel.setOption(option,true)
            }
        }
      })
    }
  }
}
</script>

<style scoped lang="less">


</style>